/**
 * 目标：网站-更换背景
 *  1. 选择图片上传，设置body背景
 *  2. 上传成功时，"保存"图片url网址
 *  3. 网页运行后，"获取"url网址使用
 * */

document.querySelector('.bg-ipt').addEventListener('change', async e => {
  // console.log(e.target.files[0])
  // 上传图片到服务器 要求上传 表单数据
  // FormData 是前端用来模拟表单（尤其是含文件）的数据结构
  const fd = new FormData()
  fd.append('img', e.target.files[0])
  const response = await axios.post('http://hmajax.itheima.net/api/uploadimg', fd)
  const imgUrl = response.data.data.url
  document.body.style.backgroundImage = `url(${response.data.data.url})`

  // 2. 上传成功 要保存到本地 
  localStorage.setItem('bgImg', imgUrl)
})


// 3. 网页运行后，获取url网址
const bgUrl = localStorage.getItem('bgImg')
bgUrl && (document.body.style.backgroundImage = `url(${bgUrl})`)
